<script>
export default {
  name: 'Toast',
  computed: {
    visible: {
      get() {
        return this.$store.state.toast.visible;
      },
      set(val) {
        this.$store.commit('toast/hide');
      }
    }
  }
};
</script>

<template>
  <v-snackbar v-model="visible" centered timeout="3000" color="rgba(0, 0, 0, 0.8)">
    {{ $store.state.toast.message }}
  </v-snackbar>
</template>

<style scoped lang="scss"></style>
